<include file="./App/Tpl/Home/Default/Public/header.html" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__JS__/qtip/css/jquery.qtip.min.css" rel="stylesheet" type="text/css" />
<literal>
<script>
$(document).ready(function(){
	
	
	$("#U_EMAIL").focus(function(){
		userTip('U_EMAIL','邮箱是重要输入项,作为登录账号使用');
		
	});
	

	
	$("#P_BRAND").bind('change',function(){
		
		if($(this).val()==''){
			return false;
		}
		$("#P_CATEGORY").empty();
		$("#P_CATEGORY").append('<option value="">--产品类型--</option>');
		getProduct('P_BRAND',$(this).val(),'P_CATEGORY');
	});
	$("#P_CATEGORY").bind('change',function(){
		if($(this).val()==''){
			return false;
		}
		$('#P_MODEL').empty();
		$('#P_MODEL').append('<option value="">--产品型号--</option>');
		getProduct('P_BRAND|P_CATEGORY',$("#P_BRAND").val()+"|"+$(this).val(),'P_MODEL');
	});
	function getProduct(stName,st,fl){
		$.ajax({
			   type: "POST",
			   url: "?g=Home&m=Index&a=getProduct",
			   data: "stName="+stName+"&st="+st+"&fl="+fl+'&rd'+Math.random(),
			   dataType:'json',
			   success: function(msg){
				 if(msg.sucess=='y'){
					var f=msg.fl;
					var data=msg.data;
					var _html=[];
					var k;
					for (k in data){
						_html.push('<option value="'+data[k]+'">'+data[k]+'</option>');
					}
					$("#"+f).append(_html.join(''));
				 }
			     
			   }
		});
	}
	//得到地区
	$("#AR_L1").bind('change',function(){
		if($(this).val()==''){
			return false;
		}
		$("#AR_L2").empty();
		$("#AR_L2").append('<option value="">--市辖区--</option>');
		getArea('AR_L1',$(this).val(),'AR_L2');
	});
	$("#AR_L2").bind('change',function(){
		if($(this).val()==''){
			return false;
		}
		$('#AR_L3').empty();
		$('#AR_L3').append('<option value="">--区县--</option>');
		getArea('AR_L1|AR_L2',$("#AR_L1").val()+"|"+$(this).val(),'AR_L3');
	});
	$("#AR_L3").bind('change',function(){
		if($(this).val()==''){
			return false;
		}
		$('#AR_L4').empty();
		$('#AR_L4').append('<option value="">--乡镇--</option>');
		getAreaExtend($("#AR_L1").val()+"|"+$("#AR_L2").val()+"|"+$(this).val());
	});
	function getArea(stName,st,fl){
		$.ajax({
			   type: "POST",
			   url: "?g=Home&m=Index&a=getArea",
			   data: "stName="+stName+"&st="+st+"&fl="+fl+'&rd'+Math.random(),
			   dataType:'json',
			   success: function(msg){
				 if(msg.sucess=='y'){
					var f=msg.fl;
					var data=msg.data;
					var _html=[];
					var k;
					for (k in data){
						_html.push('<option value="'+data[k]+'">'+data[k]+'</option>');
					}
					
					$("#"+f).append(_html.join(''));
					
					for (k in data){
						_html.push('<li><a href="javascript:;">'+data[k]+'</a></li>');
					}
					$("#"+f+"_1").append(_html.join(''));
				 }
			     
			   }
		});
	}
	
	function getAreaExtend(st){
		var url="st="+encodeURI(st)+'&rd='+Math.random()+"&isviewEmpty=y";
		$.ajax({
			   type: "POST",
			   url: "?g=Home&m=Index&a=getAreaExtend",
			   data: url,
			   dataType:'json',
			   success: function(msg){
				 if(msg.sucess=='y'){
					var data=msg.data;
					var _html=[];
					var k;
					for (k in data){
						_html.push('<option value="'+data[k]+'">'+data[k]+'</option>');
					}
					$("#AR_L4").append(_html.join(''));
				 }
			   }
		});
	}
	$("#P_CHANNEL_ID").bind('change',function(){
		if($(this).val()>0){
			var txt=$(this).find("option:selected").text();  
			$("#P_CHANNEL").val(txt);
		}else{
			$("#P_CHANNEL").val('');
		}
		
	});
	//检测服务队
	$(".test").click(function(){
		var AR_L1=$("#AR_L1").val();
		var AR_L2=$("#AR_L2").val();
		var AR_L3=$("#AR_L3").val();
		var __data="a1="+encodeURI(AR_L1)+"&a2="+encodeURI(AR_L2)+"&a3="+encodeURI(AR_L3)+'&rd'+Math.random();
		
		$.ajax({
			   type: "POST",
			   url: "?g=Home&m=Index&a=checkArea",
			   data: __data,
			   dataType:'text',
			   success: function(msg){
					if(msg=='y'){
						$(".wrong").hide();
						$(".err").show();
						$(".yes").show();
					}else{
						$(".yes").hide();
						$(".err").show();
						$(".wrong").show();
					}
			     
			   }
		});
	});
	
	//使用列子在  http://craigsworks.com/projects/qtip2/demos/
	function userTip(sob,ct){
		 // 阴影+圆角
	      $("#"+sob).qtip({
	        position: {
	          my: 'bottom left',
	          at: 'top center'
	        },
	        style: {
	          classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded'
	        },
	        show: {
				event: false, // Don't specify a show event...
				ready: true // ... but show the tooltip when ready
			},
	        content: ct
	      });
	}
	
	$("#go_submit").click(function(){
		if(getValCheck2()){
			$('#orderForm').ajaxSubmit(options); 
		}
	});
	var options={
			 beforeSubmit:  showRequest,  
			 success:       showResponse  
	};
	function showRequest(formData, jqForm, options) {  
		return true;
	}
	
	function showResponse(responseText, statusText, xhr, $form)  { 
		//转到再次确认页面
		
		//需要后台验证邮箱是否唯一
		//alert(responseText);
		var islogin="{$islogin}";
		if(islogin && islogin=='y'){
			//登录后不判断
			window.location.href="?g=Home&m=Skin&a=confirm&sid="+responseText;
		}else{
			if(responseText=='M'){
				userTip('U_MOBILE','手机已存在');
				return false;
			}
			
			else if(responseText=='E'){
				userTip('U_EMAIL','邮箱已存在');
				return false;
			}
			else{
				window.location.href="?g=Home&m=Skin&a=confirm&sid="+responseText;
			}
		}
		
		
	} 
});
function setArea(stName,st,fl,v){
	$.ajax({
		   type: "POST",
		   url: "?g=Home&m=Index&a=getArea",
		   data: "stName="+stName+"&st="+st+"&fl="+fl+'&rd'+Math.random(),
		   dataType:'json',
		   success: function(msg){
			 if(msg.sucess=='y'){
				var f=msg.fl;
				var data=msg.data;
				var _html=[];
				var k;
				for (k in data){
					var _sel='';
					if(v==data[k]){
						_sel="selected";
					}
					_html.push('<option value="'+data[k]+'"  '+_sel+'>'+data[k]+'</option>');
				}
				
				$("#"+f).append(_html.join(''));
			 }
		     
		   }
	});
}

function setProduct(stName,st,fl,v){
	$.ajax({
		   type: "POST",
		   url: "?g=Home&m=Index&a=getProduct",
		   data: "stName="+stName+"&st="+st+"&fl="+fl+'&rd'+Math.random(),
		   dataType:'json',
		   success: function(msg){
			 if(msg.sucess=='y'){
				var f=msg.fl;
				var data=msg.data;
				var _html=[];
				var k;
				
				for (k in data){
					var _sel='';
					if(v==data[k]){
						_sel="selected";
					}
					_html.push('<option value="'+data[k]+'" '+_sel+'>'+data[k]+'</option>');
				}
				
				$("#"+f).append(_html.join(''));
			 }
		     
		   }
	});
}
function showLogin(){
	var url="?g=Home&m=Member&a=loginform";
	pDialog('',url,500,380);
}

function getValCheck(){
	if($("#P_BRAND").val()==''){
		userTip('P_BRAND','请选择品牌');
		return false;
	}
	if($("#P_CATEGORY").val()==''){
		userTip('P_CATEGORY','请选择产品类型');
		return false;
	}
	if($("#P_MODEL").val()==''){
		userTip('P_MODEL','请选择产品型号');
		return false;
	}
	if($("#P_CHANNEL_ID").val()==''){
		userTip('P_CHANNEL_ID','请选择购买渠道');
		return false;
	}
	if($("#P_BUY_TIME").val()==''){
		userTip('P_BUY_TIME','请选择购买时间');
		return false;
	}
	return true;
}

function getValCheck1(){
	if($("#AR_L1").val()==''){
		userTip('AR_L1','请选择省市');
		return false;
	}
	if($("#AR_L2").val()==''){
		userTip('AR_L2','请选择市辖区');
		return false;
	}
	if($("#AR_L3").val()==''){
		userTip('AR_L3','请选择区县');
		return false;
	}
	
	if($("#O_ADDRESS").val()=='' || "填写详情地址"==$("#O_ADDRESS").val()){
		userTip('O_ADDRESS','请输入详细地址');
		return false;
	}
	return true;
}

function getValCheck2(){
	if($("#U_RNAME").val()==""){
		userTip('U_RNAME','请输入姓名');
		return false;
	}
	if($("#U_MOBILE").val()==""){
		userTip('U_MOBILE','请输入手机');
		return false;
	}
	else{
		/*var _re=/^\d{11}$/;
		alert(_re.test($("#U_MOBILE").val()));
		if(!_re.test($("#U_MOBILE").val())){
			userTip('U_MOBILE','手机格式错误');
			return false;
		}
		*/
		if($("#U_MOBILE").val().length<11){
			userTip('U_MOBILE','手机格式错误');
			return false;
		}
	}
	if($("#U_EMAIL").val()==""){
		userTip('U_EMAIL','请输入联系邮箱');
		return false;
	}else{
		var _re=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		
		if(!_re.test($("#U_EMAIL").val())){
			userTip('U_EMAIL','联系邮箱格式错误');
			return false;
		}
	}
	
	if($("#U_PWD").val()==""){
		userTip('U_PWD','请输入查询密码');
		return false;
	}
	
	if($("#U_PWD1").val()==""){
		userTip('U_PWD1','请输入确认密码');
		return false;
	}
	
	if($("#U_PWD").val()!=$("#U_PWD1").val()){
		userTip('U_PWD1','查询与确认密码不符');
		return false;
	}
	
	if($("#O_REQ_TIME").val()==""){
		userTip('O_REQ_TIME','请选择期望上门时间');
		return false;
	}
	return true;
}
//使用列子在  http://craigsworks.com/projects/qtip2/demos/
function userTip(sob,ct){
	 // 阴影+圆角
      $("#"+sob).qtip({
        position: {
          my: 'bottom left',
          at: 'top center'
        },
        style: {
          classes: 'ui-tooltip-red ui-tooltip-shadow ui-tooltip-rounded'
        },
        show: {
			event: false, // Don't specify a show event...
			ready: true // ... but show the tooltip when ready
		},
        content: ct
      });
}
</script>
</literal>
<style>
.select{
	width:100px;
	height:26px;
}
.select1{
	width:50px;
	height:26px;
}
.select2{
	width:130px;
	height:26px;
}
</style>
<form action="?g=Home&m=Index&a=confirmOrder" method="post" id="orderForm">
<div class="main">
	<div class="yyd" id="yyd"><a href="">您也可以选择填写基础网页版服务预约单</a></div>
	
	<div class="banner">
    	<div class="ad"><img src="__PUBLIC__/skin/images/start.jpg" width="731" height="338" /></div>
    	
        <div class="step_1">
            <div class="go">轻松预约现在开始</div>
            <div class="step_1_this_bg"></div>
            <div class="step_form" id="form_1">
            <input type="hidden" name="data[orderNO]" id="orderNO" value="{$orderNO}">
                <fieldset>
                    <legend>第一步表单</legend>
                    <h2>产品信息</h2>
                    <div class="form_left">
                        <div id="radiolist">
                            <strong><span class="red">*</span>服务性质：</strong>
                            <input name="data[O_TYPE]" type="radio" value="1" checked="checked"/><label>报装</label>
                            <input name="data[O_TYPE]" type="radio" value="2" /><label>报修</label>
                        </div>
                        <div class="form_input">
                            <table width="" border="0" cellpacing="0" cellpadding="0">
									<tr>
										<td ><span><strong><span class="red">*</span>产品：</strong></span></td>
										<td>
											<select class="select"   id="P_BRAND" name="data[P_BRAND]">
												<option value="">--品牌--</option>
												<volist name="BRAND" id="vo">
												<option value="{$vo}" <if condition="$seData.P_BRAND eq $vo">selected</if>>{$vo}</option>
												</volist>
											</select>
										</td>
										<td >
											<select class="select"   id="P_CATEGORY" name="data[P_CATEGORY]">
												<option value="">--产品类型--</option>
											</select>
										</td>
										<td>
											<select class="select" id="P_MODEL" name="data[P_MODEL]">
												<option value="">--产品型号--</option>
											</select>
										</td>
										
										<td>
											<select  id="P_COUNT" name="data[P_COUNT]" class="select1">
											    <option value="">数量</option>
											    <for start="1" end="21">
												<option value="{$i}" <if condition="$seData.P_COUNT eq $i">selected</if>>{$i}</option>
												</for>
											</select>
										</td>
									</tr>
								</table>
                        </div>
                        <div class="form_input">
                        	<table  border="0" cellpacing="0" cellpadding="0">
                        		<tr>
                        			<td>
                        				<strong><span class="red">*</span>购买渠道：</strong>
                        			</td>
                        			<td>
                        				 <select class="select"  id="P_CHANNEL_ID" name="data[P_CHANNEL_ID]">
											<option value="">--选择渠道--</option>
											<volist name="channel" id="vo">
											<assign name="channelSelect" value="$vo.id" />
											<option value="{$vo.id}" <if condition="$seData.P_CHANNEL_ID eq $channelSelect">selected</if>>{$vo.name}</option>
											</volist>
										</select>
                        			</td>
                        			<td>
                        				<input type="text"   class="form_ipt ipt_122"id="P_CHANNEL" name="data[P_CHANNEL]" value="{$seData.P_CHANNEL|default=''}" >
                        			</td>
                        		</tr>
                        	</table>
                        </div>
                        <div class="form_input">
                            <strong><span class="red">*</span>购买时间：</strong>
                            <input class="form_ipt ipt_122"  onclick="WdatePicker({el:'P_BUY_TIME'})"  type="text" id="P_BUY_TIME" name="data[P_BUY_TIME]" value="{$seData.P_BUY_TIME|default=''}" readonly>
							<strong>订单号：</strong><input id="SO_ID" name="data[SO_ID]"  type="text" class="form_ipt ipt_122" value="{$seData.SO_ID|default=''}" />　
                        </div>
                    </div>
                    <div class="form_right">
                    	请您填写需要安装（或维修）的产品的具体信息，以便我们为您安排最专业的工程师。
                        <div class="back_step_1" id="back_ad">[返回]</div>
                        <div class="next"><input name="" type="button" value="下一步" id="go_step2" /></div>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="step_2">
        	<div class="step_2_this_bg"></div>
            <div class="step_form" id="form_2">
                <fieldset>
                    <legend>第二步表单</legend>
                    <h2>地址信息</h2>
                    <div class="form_left">
                    	<div class="form_left_left">
                        	<div class="adds"><span class="red">*</span>地址</div>
                            <div >
                               <select class="select2"  id="AR_L1" name="data[AR_L1]">
									<option value="">--省市--</option>
									<volist name="AR_L1" id="vo">
									<option value="{$vo}" <if condition="$seData.AR_L1 eq $vo">selected</if>>{$vo}</option>
									</volist>
								</select>
                            </div>
                            <div >
                               <select class="select2"   id="AR_L2" name="data[AR_L2]">
									<option value="">--市辖区--</option>
								</select>
                            </div>
                            <div >
                                <select class="select2"  id="AR_L3" name="data[AR_L3]">
												<option value="">--区县--</option>
											</select>
                            </div>
                            <div >
                                <select class="select2"  id="AR_L4" name="data[AR_L4]">
												<option value="">--乡镇--</option>
											</select>
                            </div>
                            <div class="test">测试是否在服务范围内</div>
                            <div class="err">
                            	<div class="err_po">
                                	<span class="wrong">对不起！您的所在地址超出了我们目前的安装服务范围，无法为您提供相应的服务，请您见谅。</span>
                                	<span class="yes">恭喜您！您的所在地在我们目前的安装服务范围，请放心下单。</span>
                                    <div class="err_close">关闭[x]</div>
                                </div>
                            </div>
                        </div>
                    	<div class="form_left_right"><textarea id="O_ADDRESS" name="data[O_ADDRESS]" value="{$seData.O_ADDRESS|default=''}"  cols="" rows="" class="ads">填写详情地址</textarea></div>
                    </div>
                    <div class="form_right">
                    	为了我们更好的为您提供上门服务，请尽可能详尽的填写您的地址信息。
                        <div class="back_step_1" id="back_step1">[返回]</div>
                        <div class="next"><input name="" type="button" value="下一步" id="go_step3" /></div>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="step_3">
        	<div class="step_3_this_bg"></div>
            <div  class="step_form" id="form_3">
                <fieldset>
                    <legend>第三步表单</legend>
                    <h2>个人信息</h2>
                    <div class="form_left tj">
                    	<div class="form_input">
                        	<strong><span class="red">*</span>姓名：</strong>
                            <input id="U_RNAME" name="data[U_RNAME]" value="{$seData.U_RNAME|default=''}" type="text" class="form_ipt ipt_87" />　
                        	<strong><span class="red">*</span>手机：</strong>
                            <input id="U_MOBILE" onkeyup="this.value=this.value.replace(/\D/g,'');" name="data[U_MOBILE]" value="{$seData.U_MOBILE|default=''}" type="text" class="form_ipt ipt_165" />
                        </div>
                    	<div class="form_input">
                        	<strong><span class="red">*</span>联系邮箱：</strong>
                            <input id="U_EMAIL"  name="data[U_EMAIL]" value="{$seData.U_EMAIL|default=''}" type="text" class="form_ipt ipt_315" />
                        </div>
                    	<div class="form_input">
                        	<strong><span class="red">*</span>查询密码：</strong>
                            <input id="U_PWD"  name="data[U_PWD]" value="{$seData.U_PWD|default=''}" type="password" class="form_ipt ipt_96" />　
                        	<strong><span class="red">*</span>确认密码：</strong>
                            <input id="U_PWD1" name="data[U_PWD1]" value="{$seData.U_PWD1|default=''}" type="password" class="form_ipt ipt_96" />
                        </div>
                    	<div class="form_input text">
                        	<strong>&nbsp;添加备注：</strong>
                            <textarea id="O_MEMO" name="data[O_MEMO]" cols="" rows="" class="bz"></textarea>
                        </div>
                    	<div class="form_input">
                        	<strong><span class="red">*</span>期望上门时间：</strong>
                            <input readonly onclick="WdatePicker({el:'O_REQ_TIME',dateFmt:'yyyy-MM-dd HH:mm'})"  id="O_REQ_TIME" name="data[O_REQ_TIME]" value="{$seData.O_REQ_TIME|default=''}" readonly type="text" class="form_ipt ipt_171" />
                        </div>
                        
                    </div>
                    <div class="form_right">
                    	请您仔细填写您的个人信息，以便安装技师与您取得直接联系。<br />密码用于您日后登陆查询服务单的进度状态。
                        <div class="back_step_1" id="back_step2">[返回]</div>
                        <div class="go_tj"><input name="" type="button" value="下一步" id="go_submit"/></div>
                        <div style="display:none">
							<input type="submit" id="sumit" name="sumit" >
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>
    
    <div class="one">
    	<div class="exp">
        	<div class="notice">
            	<h2>系统公告</h2>
                <div class="notice_con">为确保可以给您提供最专业的服务，我们对线下支持“蓝色服务队”的培训、审核十分严格，因而目前尚不能保证为全国各地的顾客均提供上门报装。本系统服务覆盖的范围根据您所购商品的不同也有所不同。请提交服务单之前先查看您所在区域是否为我系统的<a href="javascript:alert('信息尚在维护中，如需帮助请通过页面底部的联系方式与客服联系');">服务覆盖范围</a>。不便之处，敬请谅解。</div>
            </div>
            <ul class="fur">
            	<li>
                	<h3 class="savemoney">更省钱</h3>
                    <div class="fur_text">您也可以通过<a href="">我们的推荐</a>挑选所需商品。十年行业从业经验使我们有信心为您推荐跟便宜更适合您需求的生活家电类商品。</div>
                </li>
            	<li>
                	<h3 class="savetrouble">更省事</h3>
                    <div class="fur_text">轻松在线填写<a href="">服务预约单</a>，我们将安排当地工程师接单并为您提供专业的上门服务。<br />在接到您的预约单后，工程技师将主动与您取得联系，确定方便的上门时间。</div>
                </li>
            	<li>
                	<h3 class="freeworry">更省心</h3>
                    <div class="fur_text">如果您已经提交了服务预约单，可以随时在线查询您的服务单的<a href="">处理状态</a>。您可以查询到接单安装服务队的直接联系方式。</div>
                </li>
            </ul>
        </div>
        <div class="pre">
        	<ul class="ul_pre">
            	<li>第一时间确认，第一时间反馈；</li>
            	<li>城市近郊安装服务免收上门费；</li>
            	<li>物料收费明码实价，开工前明示；</li>
            	<li>一次上门，万事OK。</li>
            </ul>
        </div>
    </div>
</div>
</form>
<if condition="$seData.AR_L1 neq ''">
	<literal>
	<script>
		$("#AR_L2").empty();
		$("#AR_L2").append('<option value="">--市辖区--</option>');
		setArea('AR_L1',$("#AR_L1").val(),'AR_L2','{$seData.AR_L2}');
		
		$('#AR_L3').empty();
		$('#AR_L3').append('<option value="">--区县--</option>');
		setArea('AR_L1|AR_L2',"{$seData.AR_L1}|{$seData.AR_L2}",'AR_L3','{$seData.AR_L3}');
	</script>
	</literal>
</if>
<if condition="$seData.P_BRAND neq ''">
<literal>
	<script>
		$("#P_CATEGORY").empty();
		$("#P_CATEGORY").append('<option value="">--产品类型--</option>');
		setProduct('P_BRAND','{$seData.P_BRAND}','P_CATEGORY','{$seData.P_CATEGORY}');
		
		$('#P_MODEL').empty();
		$('#P_MODEL').append('<option value="">--产品型号--</option>');
		setProduct('P_BRAND|P_CATEGORY',"{$seData.P_BRAND}|{$seData.P_CATEGORY}",'P_MODEL','{$seData.P_MODEL}');
	</script>
</literal>
</if>


<include file="./App/Tpl/Home/Default/shop.html" />
<include file="./App/Tpl/Home/Default/partners.html" />
<include file="./App/Tpl/Home/Default/Public/footer.html" />	
	